<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/header.jsp" %>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Register</title>
    <!-- JqueryUI -->
    <link rel="stylesheet" type="text/css" href="${style}/front/jquery-ui.css">

    <link rel="stylesheet" type="text/css" href="${style}/animate.min.css">
    <link rel="stylesheet" type="text/css" href="${style}/input.css">
    <!-- Bootstrap -->
    <link rel="stylesheet" type="text/css" href="${style}/front/bootstrap.min.css">
    <!-- Awesome font icons -->
    <link rel="stylesheet" type="text/css" href="${style}/front/font-awesome.min.css" media="screen">
    <!-- Owlcoursel -->
    <link rel="stylesheet" type="text/css" href="${style}/front/owl-coursel/owl.carousel.css">
    <link rel="stylesheet" type="text/css" href="${style}/front/owl-coursel/owl.transitions.css">
    <!-- Magnific-popup -->
    <link rel="stylesheet" type="text/css" href="${style}/front/magnific-popup/magnific-popup.css">
    <!-- Style -->
    <link rel="stylesheet" type="text/css" href="${style}/front/style.css" media="screen">
    <!-- Fw -->
    <link rel="stylesheet" type="text/css" href="${style}/front/fw.css" media="screen">
</head>
<body>
<%--herder--%>
<jsp:include page="../header.jsp"/>

<section class="m-t-0">
    <div class="container m-t-30">
        <h3 class="title f-30">个人中心</h3>
        <%--<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>--%>
        <div class="row ht-tabs ht-tabs-product">
            <div class="col-md-3 col-lg-2 pull-left-xs">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li class="panel panel-default">
                        <a href="/front/mybuycar/buycarlist">购物车</a>
                    </li>
                    <li class="panel panel-default">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">我的订单</a>
                        <div id="collapse1" class="panel-collapse collapse">
                            <ul class="panel-body">
                                <li role="presentation">
                                    <a href="#">全部</a>
                                </li>
                                <li role="presentation">
                                    <a href="#">待付款</a>
                                </li>
                                <li role="presentation">
                                    <a href="#">待发货</a>
                                </li>
                                <li role="presentation">
                                    <a href="#">待收货</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="panel panel-default">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">优惠券</a>
                        <div id="collapse2" class="panel-collapse collapse">
                            <ul class="panel-body">
                                <li role="presentation">
                                    <a href="/front/mycoupons/showdetail">全部优惠券</a>
                                </li>
                                <li role="presentation">
                                    <a href="/front/mycoupons/showdetailbyMycoupons">我的优惠券</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="panel panel-default">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse3">我的钱包</a>
                        <div id="collapse3" class="panel-collapse collapse">
                            <ul class="panel-body">
                                <li role="presentation">
                                    <a href="#">充值/余额</a>
                                </li>
                                <li role="presentation">
                                    <a href="#">消费记录</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="panel panel-default">
                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse4">个人信息管理</a>
                        <div id="collapse4" class="panel-collapse collapse in">
                            <ul class="panel-body">
                                <li role="presentation">
                                    <a href="/front/persion/showMyInfo">我的信息</a>
                                </li>
                                <li role="presentation">
                                    <a href="/front/address/showaddress">地址管理</a>
                                </li>
                                <li role="presentation">
                                    <a href="/front/persion/showupdatepwd">修改密码</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="col-md-9 col-lg-10">
                <!-- Tab panes -->
                <div class="content">
                    <div class="row">
                        <div class="col-sm-6 col-md-4 col-lg-3">
                            <!-- Product item -->
                            <div class="product-item">
                                <a href="../product_detail.jsp">
                                    <img src="${images}/5.jpg" alt="image">
                                </a>
                                <div class="product-caption">
                                    <h4 class="product-name">
                                        <a href="#">Apple</a>
                                    </h4>
                                    <div class="product-price-group">
                                        <span class="product-price">$64.00</span>
                                    </div>
                                    <div class="ht-btn-group">
                                        <a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
                                        <a href="#">Add to cart</a>
                                        <a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-3">
                            <!-- Product item -->
                            <div class="product-item border-green">
                                <a href="../product_detail.jsp">
                                    <img src="${images}/20.jpg" alt="image">
                                </a>
                                <div class="product-caption">
                                    <h4 class="product-name">
                                        <a href="#">Peaches</a>
                                    </h4>
                                    <div class="product-price-group">
                                        <span class="product-price">$64.00</span>
                                    </div>
                                    <div class="ht-btn-group">
                                        <a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
                                        <a href="#">Add to cart</a>
                                        <a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-3">
                            <!-- Product item -->
                            <div class="product-item">
                                <a href="../product_detail.jsp">
                                    <img src="${images}/14.jpg" alt="image">
                                </a>
                                <div class="product-caption">
                                    <h4 class="product-name">
                                        <a href="#">Pineapple</a>
                                    </h4>
                                    <div class="product-price-group">
                                        <span class="product-price">$64.00</span>
                                    </div>
                                    <div class="ht-btn-group">
                                        <a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
                                        <a href="#">Add to cart</a>
                                        <a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-3">
                            <!-- Product item -->
                            <div class="product-item">
                                <a href="../product_detail.jsp">
                                    <img src="${images}/13.jpg" alt="image">
                                </a>
                                <div class="product-caption">
                                    <h4 class="product-name">
                                        <a href="#">Defiant tomato</a>
                                    </h4>
                                    <div class="product-price-group">
                                        <span class="product-price">$64.00</span>
                                    </div>
                                    <div class="ht-btn-group">
                                        <a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
                                        <a href="#">Add to cart</a>
                                        <a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-3">
                            <!-- Product item -->
                            <div class="product-item">
                                <a href="../product_detail.jsp">
                                    <img src="${images}/12.jpg" alt="image">
                                </a>
                                <div class="product-caption">
                                    <h4 class="product-name">
                                        <a href="#">Pear</a>
                                    </h4>
                                    <div class="product-price-group">
                                        <span class="product-price">$64.00</span>
                                    </div>
                                    <div class="ht-btn-group">
                                        <a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
                                        <a href="#">Add to cart</a>
                                        <a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-3">
                            <!-- Product item -->
                            <div class="product-item">
                                <a href="../product_detail.jsp">
                                    <img src="${images}/25.jpg" alt="image">
                                </a>
                                <div class="product-caption">
                                    <h4 class="product-name">
                                        <a href="#">Corn</a>
                                    </h4>
                                    <div class="product-price-group">
                                        <span class="product-price">$64.00</span>
                                    </div>
                                    <div class="ht-btn-group">
                                        <a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
                                        <a href="#">Add to cart</a>
                                        <a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-3">
                            <!-- Product item -->
                            <div class="product-item">
                                <a href="../product_detail.jsp">
                                    <img src="${images}/7.jpg" alt="image">
                                </a>
                                <div class="product-caption">
                                    <h4 class="product-name">
                                        <a href="#">lemon</a>
                                    </h4>
                                    <div class="product-price-group">
                                        <span class="product-price">$64.00</span>
                                    </div>
                                    <div class="ht-btn-group">
                                        <a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
                                        <a href="#">Add to cart</a>
                                        <a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6 col-md-4 col-lg-3">
                            <!-- Product item -->
                            <div class="product-item">
                                <a href="../product_detail.jsp">
                                    <img src="${images}/8.jpg" alt="image">
                                </a>
                                <div class="product-caption">
                                    <h4 class="product-name">
                                        <a href="#">Red bell pepper</a>
                                    </h4>
                                    <div class="product-price-group">
                                        <span class="product-price">$64.00</span>
                                    </div>
                                    <div class="ht-btn-group">
                                        <a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
                                        <a href="#">Add to cart</a>
                                        <a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<%--footer--%>
<jsp:include page="../footer.jsp"/>

<!-- jQuery -->
<script src="${jquery}/jquery.js" charset="utf-8"></script>

<!-- JqueryUI -->
<script src="${jquery}/jquery-ui.js"></script>
<!-- Bootstrap -->
<script src="${Bootstrap}/js/bootstrap.js"></script>
<!-- Owl-coursel -->
<script src="${Js}/front/owl-coursel/owl.carousel.js"></script>
<!-- Magnific-popup -->
<script src="${Js}/front/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Script -->
<script src="${Js}/front/script.js"></script>


</body>
</html>
